<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>财务管理系统</title>
		<link rel="stylesheet" href="${BASE_PATH}/static/lib/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="${BASE_PATH}/static/lib/font-awesome/css/font-awesome.min.css" media="all">
		<link rel="stylesheet" href="${BASE_PATH}/static/build/css/app.css" media="all">
	</head>

	<body>
		<div class="layui-layout layui-layout-admin kit-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">财务管理系统</div>
				<div class="layui-logo kit-logo-mobile">K</div>
				<ul class="layui-nav layui-layout-left kit-nav" kit-one-level></ul>
				<ul class="layui-nav layui-layout-right kit-nav">
					<li class="layui-nav-item">
						<a href="javascript:;">
							${user.name}
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a class="a_user_basic" href="javascript:;"><i class="layui-icon">&#xe612;</i>基本资料</a>
							</dd>
							<dd>
								<a class="a_edit_pd" href="javascript:;"><i class="layui-icon">&#xe642;</i>修改密码</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="${BASE_PATH}/admin/logout""><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
					</li>
				</ul>
			</div>

			<div class="layui-side layui-bg-black kit-side">
				<div class="layui-side-scroll">
					<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
						<li class="layui-nav-item"></li>
					</ul>
				</div>
			</div>
			<div class="layui-body" id="container"></div>

			<div class="layui-footer">
				2018 &copy; Pay manage
			</div>
		</div>
		<script src="${BASE_PATH}/static/lib/layui/layui.js"></script>
		<script>
			var message;
			layui.config({
				base: '${BASE_PATH}/static/build/js/'
			}).use(['app', 'message'], function() {
				var app = layui.app,
					$ = layui.jquery,
					layer = layui.layer;
				//将message设置为全局以便子页面调用
				message = layui.message;
				//主入口
				app.set({
					type: 'iframe',
					domainName:'${BASE_PATH}'
				}).init();
			});
		</script>
		<script>
			layui.use(['layer', 'jquery'], function() {
				var layer = layui.layer;
				var $ = layui.jquery;
				
				
				//用户信息弹窗
				$(".a_user_basic").on("click", function() {
					layer.open({
						type: 2,
						content: 'manage/user_basic.htm',
						area: ['700px', '300px']
					});
				})

				//修改密码弹窗
				$(".a_edit_pd").on("click", function() {
					layer.open({
						type: 2,
						content: 'manage/edit_pd.htm' ,
						area: ['500px', '300px']
					});
				})

			});
		</script>
	</body>

</html>